@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
.none,.nav-mob,.mob-foot{ display:none;}
.warp{ width:1120px; margin:0 auto;}
.bg-col{ background:url(../images/bg-col.png); position:fixed; left:0; top:0; width:100%; height:100%; z-index:99; display:none;}
.bg-col .close-this{ width:42px; height:40px; display:block; background:url(../images/close.png) no-repeat; position:absolute; right:0; top:0; z-index:100;}
.mid-top,.index-tit{ width:1200px; margin:0 auto;}
.top-search{ height:40px; text-align:right; padding-top:9px;}
.top-search span{ display:inline-block; width:130px; height:22px; border:1px solid #ddd; border-radius:11px; overflow:hidden;}
.top-search span input[type=text]{ width:105px; border:none; background:none; height:20px; line-height:20px; font-size:13px; padding:0 5px; float:left;}
.top-search span input[type=button]{ width:23px; height:20px; background:url(../images/fdj.jpg) no-repeat center center; border:none; cursor:pointer; float:left;}
.top-watos{ height:80px;}
.top-watos .logo{width:272px;}
.top-watos .logo img{padding-top:12px;}
.top-watos .nav{ width:898px;}
.top-watos .nav li{ float:left; width:112px; position:relative; height:80px;}
.top-watos .nav li > a.cur{ background:#005DA3; color:#fff;}
.top-watos .nav li > a{display:block; width:112px; height:80px; position:absolute; left:-10px; top:0; text-align:center; line-height:80px;}
.top-watos .nav li div{ width:112px; position:absolute; left:-10px; top:80px; background:#005DA3; font-size:13px; display:none; z-index:99;}
.top-watos .nav li div a{ display:block; width:100%; height:30px; line-height:30px; border-top:1px solid #fff; text-align:center; color:#ffffff;font-size:12px;}
.top-watos .nav li div a:hover{ background:#1a75bb; color:#fff;}
.index-tit{ margin-top:40px; background:url(../images/h.jpg) repeat-x left 56px; font-size:18px; color:#b4b4b4;}
.index-tit span{ display:block; text-align:center; font-size:28px; color:#333;}
.index-tit span i{ color:#1a75bb; font-style:normal;   font-weight:normal;}
.index-tit em{ display:block; width:160px; margin:0 auto; background:#fff; text-align:center; font-style:normal; font-weight:normal;}
.foot-tit{background:url(../images/h2.jpg) repeat-x left 66px; margin-top:0px; width:100%;}
.foot-tit em{ background:#282828;}
.link{width:80%; margin:10px auto 20px auto; color:#fff;}
.link a{color:#fff;}

.about-index{ margin-top:20px;}
.about-index .cont{max-width:700px; float:left;}
.about-index .cont-img{max-width:400px; max-height:225px; overflow:hidden; float:left;margin-right:20px; position:relative; }
.about-index .cont-img img{width:100%;}
.about-nav{ height:35px; line-height:35px;}
.about-nav span{ display:inline-block; float:left; width:112px; background:#b4b4b4; color:#fff; text-align:center; margin-right:10px; cursor:pointer;}
.about-nav span.cur{ background:#1a75bb; color:#ffffff;}
.os-cot{ font-size:13px; line-height:25px;}
.os-cot div{ height:245px; overflow:hidden;}
.os-cot p{ text-indent:2em;}
.os-cot span{ display:block; text-align:right;}
.os-cot span a{ color:#f00; text-decoration:underline;}
.vod-on{ width:485px; float: right; padding-bottom:14px; background:url(../images/vod-bg.jpg) no-repeat center bottom;}
.mobile_video{ display:none;}
.products-index{ margin-top:20px;}
.products-index ul{ width:1120px; margin-left:-8px;}
.products-index{ margin-top:20px;}

.pro li{
    width: 260px;
    box-sizing: border-box;
    /*height: 212px;*/
    float: left;
    margin-left:20px;
	margin:10px 20px 10px 0;
	overflow:hidden;
	
}
.pro li img{

}
.pro li .k .cp1:hover  img {

}
.pro .k {
    background: #fff;
}
.pro .cp1 {
    width: 100%;
    text-align: center;
	padding:6px;
	border:1px solid #ccc;
	position:relative;
	overflow:hidden;
}
.pro .cp1 a {
    text-decoration: none;
    color: #555;
}
.pro .cp2 {
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.pro h3{
    font-weight: 400;
    font-size: 14px;
}

.pro li div.cp1 p,.pro li div.cp1:hover p {
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.pro li p{text-indent:0;}
.pro-border1 {
	position:absolute;
	left:0;
	top:0;
	width:0;
	border-top:2px solid transparent;
}
.pro-border2 {
	position:absolute;
	left:0;
	top:0;
	height:0;
	border-left:2px solid transparent;
}
.pro-border3 {
	position:absolute;
	right:0;
	top:0;
	height:0;
	border-right:2px solid transparent;
}
.pro-border4 {
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	border-bottom:2px solid transparent;
}
.pg-border-color{
	border-color:#005DA3;
}
.pro li div.cp1:hover p.pro-border1,.pro li div.cp1:hover p.pro-border4 {
	width:100%;
}
.pro li div.cp1:hover p.pro-border2,.pro li div.cp1:hover p.pro-border3 {
	height:100%;
}


/*公司荣誉*/
.mainContent {
    padding: 20px 0;
}
.if li {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 307px;
    border: 1px solid #ddd;
    float: left;
    margin: 0 16px 20px;
}
.if li .p_img {
    width: 304px;
    height: 215px;
}
a {
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #333;
}
img {
    border: 0;
    vertical-align: middle;
}
.if li .p_title {
    font-family: Microsoft YaHei;
    line-height: 40px;
    overflow: hidden;
    height: 40px;
    overflow: hidden;
    text-align: center;
    padding: 0 10px;
}
.products-index li .pic{ width:320px; height:287px; border:1px solid #ddd; overflow:hidden; position:relative;}
.products-index li .pic img{ width:100%; height:100%; position:absolute; left:0; top:0;}
.products-index li .nry-s{ padding-top:20px; background:#fff; transition:background 1s linear 0s;}
.products-index li.cur .nry-s{ background:#1a75bb; transition:background 1s linear 0s;}
.products-index li .nry-s dl{ height:90px; width:100%; border:1px solid #ddd; font-size:13px; line-height:25px; padding:20px 15px 0; position:relative; transition:border 1s linear 0s;}
.products-index li.cur .nry-s dl{ border:1px solid #1a75bb; transition:border 1s linear 0s;}
.products-index li .nry-s dl dt{ position:absolute; width:106px; line-height:35px; position:absolute; top:-17px; left:50%; margin-left:-53px; text-align:center; color:#fdb53d; font-size:18px; font-weight:bold; background:#fff; transition:all 1s linear 0s;}
.products-index li.cur .nry-s dl dt{ background:#1a75bb; color:#fff; transition:all 1s linear 0s;}
.products-index li .nry-s dl dd{ height:50px; text-align:center; overflow:hidden;}
.products-index li.cur .nry-s dl dd{ color:#fff;}
.products-index li .bqt-s{ width:41px; height:41px; background:url(../images/xl01.png) no-repeat; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.products-index li.cur .bqt-s{ background:url(../images/xl02.png);}
.news-index{ margin-top:20px;}
.news-index ul{ width:1016px; margin-left:-8px; margin:0 auto;}
.news-index ul li{ border:1px solid #c9c9c9; margin-left:16px; width:238px; padding:20px; background:#fff; float:left;}
.news-index ul li:hover{background:#f3f3f3;}
.news-index ul li .time{ font-size:13px; line-height:20px; padding-bottom:5px;}
.news-index ul li .tit{line-height:20px;height: 20px;overflow:hidden;width: 196px;text-overflow: ellipsis;white-space: nowrap;display: block;}
.news-index ul li .pic{ padding:10px 0;}
.news-index ul li .cont{ font-size:13px; color:#666; line-height:20px; height:40px; overflow:hidden;}
.news-index ul li .link{ padding-top:10px;}
.news-index ul li .link span{ display:inline-block; width:100px; height:28px; text-align:center; line-height:28px; color:#fff; background:#bbb;}
.news-index ul li:hover .link span{background:#1a75bb;}
.foot{ background:#282828 url(../images/foot-bg.jpg) repeat-x left bottom; margin-top:20px; padding-top:20px;}
.foot .bots{ height:40px; line-height:40px; color:#fff; font-size:13px; text-align:center;}
.foot-mids{ width:1100px; margin:10px auto; padding:0 50px;}
.foot-mids .lb-nav{ width:100px; float:left; color:#fff;}
.foot-mids .lb-nav dt{ line-height:35px; font-weight:bold;}
.foot-mids .lb-nav a{ color:#fff; font-size:13px; line-height:25px;}
.contact-us{margin-left:20px; padding-left:20px; float:right; color:#fff; border-left:1px solid #4d4d4d; margin-top:15px;}
.contact-us p.tit{font-size:30px; line-height:45px; background:url(../images/hx.jpg) no-repeat left bottom; margin-bottom:15px;}
.contact-us .lickt{line-height:24px;font-size:13px;}
.contact-us .lickt a{ color:#f00; margin-right:15px;}
.contact-us .tel{ line-height:35px;}
.contact-us .yq-lck{ margin:5px 0;}
.contact-us .yq-lck select{ width:180px; height:30px; background:#282828; border:1px solid #4d4d4d;}
.contact-us .fx-to{ line-height:35px; width:200px;}
.contact-us .fx-to a{ margin-right:10px;}
.foot-mids .ewm{padding:10px; width:150px; float:left;}
.foot-mids .ewm dd{ line-height:30px; text-align:center;color:#fff; font-size:13px;}
.foot_03 {
    float: left;
    width: 240px;
	margin-left:80px;
}
.foot_03 .divt {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}
.foot_03 li {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}
.foot_03 li a {
    border: 1px solid #999;
    color: #999;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 100px;
}
.foot_03 ul {
    margin-top: 15px;
}
.foot_03 li:hover a {
    border-color: #005DA3;
    color: #005DA3;
}
.othst{ position:fixed; background:url(../images/bg-col.png); left:10%;top:10%; width:80%; height:80%; z-index:99; display:none;}
.close-mail{ width:42px; height:40px; display:block; background:url(../images/close.png) no-repeat; position:absolute; right:0; top:0;}
.mail-cont{ width:665px; height:345px; background:url(../images/mail-login.png) no-repeat; position:fixed; left:50%; top:50%; margin-left:-333px; margin-top:-172px; z-index:100;display:none;}
.mail-cont h2{ text-align:center; text-align:center; line-height:70px; color:#064278; font-weight:normal; font-family:"微软雅黑";}
.mail-cont table td{ padding:10px;color:#064278;}
.mail-cont table td .imst{ width:300px; height:55px; padding:15px 10px; background:#f3f3f3; border:1px solid #ddd;}
.mail-cont table td span.bt{ color:#f00; margin-left:3px;}
.mail-cont table td .osmn{ width:145px; height:45px; background:#165396; border:none; cursor:pointer; color:#fff; font-size:24px; }
.dress-dz{ height:75px; padding:30px 0; line-height:35px; font-weight:bold; font-size:28px; border-bottom:1px solid #ddd;}
.dress-dz span{ float:right; font-size:13px; font-weight:normal;}
.dress-dz i{ color:#999; font-style:normal; font-weight:normal; font-size:22px; margin-left:10px;}
.dh-pos{ padding:20px 0; border-bottom:1px solid #ddd; text-align:center;}
.dh-pos li{display:inline-block;height:35px; line-height:35px; background:#f0f0f0; margin-right:20px; font-size:13px; border-radius:5px;}
.dh-pos li a{display:block; width:100%; text-align:center; padding:0 15px; border-radius:5px;}
.dh-pos li a.cur,.dh-pos li a:hover{ background:#1a75bb; color:#fff;}
.ny-main{ padding:20px 0;}
.about-left{ line-height:2; }
.about-left p{text-indent:24px; font-size:14px;
}
.about-right{ width:270px; float:right; margin-right:20px;}
.fzlc{ background:url(../images/h.jpg) repeat-y 50px top; padding-left:27px;}
.fzlc dl{ margin-bottom:30px; }
.fzlc dl dt{ width:46px; height:46px; background:url(../images/fz.png) no-repeat; background-size:100% 100%; float:left;}
.fzlc dl dd{ padding-top:15px; float:left; width:800px; padding-left:10px; font-size:13px; line-height:20px;}
.online-ly{ background:url(../images/gb.jpg) no-repeat right bottom; padding-bottom:200px;}
.online-ly .tit{ line-height:25px; font-size:13px;}
.online-ly table td{ font-size:13px; padding:7px 0;}
.online-ly table td input[type=text]{ width:510px; padding:0 5px; height:25px;}
.online-ly table td input[type=button]{ margin-right:10px; width:50px; height:30px;}
.online-ly table td textarea{ width:510px; padding:5px; height:100px;}
.online-ly table td span{ color:#f00; margin-left:3px;}
.online-ly table td i{ display:inline-block; margin-left:3px;}
.ny-news a{ display:block; width:100%; padding:30px 0; border-bottom:1px dotted #ddd;}
.ny-news a dt{ width:170px; float:left;}
.ny-news a dt img{ width:170px; height:118px;border:1px solid #ddd;}
.ny-news a dd{ float:right; width:810px; color:#666; font-size:13px; line-height:20px; height:60px; overflow:hidden;}
.ny-news a dd.tit{ font-size:14px; color:#333; height:20px;}
.ny-news a dd.time{ height:20px; color:#999;}
.page-flant{ margin-top:20px; text-align:center;}
.page-flant a,.page-flant span{ line-height:45px; display:inline-block; padding:0 15px; border:1px solid #ddd; margin-right:10px;}
.page-flant span.current,.page-flant a:hover{ color:#fff; border-color:012da4; background-color:#012da4;}
.news-cont .bt-sn{ font-size:18px; line-height:25px; padding:5px 0; text-align:center;}
.news-cont .nustm{ text-align:center; color:#666; line-height:20px; font-size:13px; padding-bottom:10px; border-bottom:1px dotted #ddd;}
.news-cont .cont{ line-height:2; font-size:13px; color:#666; padding:10px 0;}
.news-cont .cont img{ margin:10px 0;}
.cp-mid a{ display:block; width:307px; border:1px solid #ddd; float:left; margin:0 12px 20px;}
.cp-mid a dt img,.cp-cont dl dd img{ width:305px; height:206px;}
.cp-mid a dd{ line-height:40px; overflow:hidden; height:40px; overflow:hidden; text-align:center; padding:0 10px;}
.cp-cont dl{ text-align:center;}
.cp-cont dl dt{ line-height:30px;}


.honor a{ display:block; width:307px; border:1px solid #ddd; float:left; margin:0 12px 20px;}
.honor a dt img,.honor dl dd img{ width:305px; height:206px;}
.honor a dd{ line-height:40px; overflow:hidden; height:40px; overflow:hidden; text-align:center; padding:0 10px;}


.cp-cont .stms{ line-height:25px; border-bottom:1px solid #ddd; margin-top:25px;}
.cp-cont .cont{ line-height:2; color:#666; padding:15px 0; font-size:13px;}
.joinusc{ font-size:13px; border:1px solid #ddd; line-height:20px;}
.joinusc td{ padding:5px 0; text-align:center; color:#666;}
@media (max-width: 640px){
.index-main{ padding-bottom:50px;}
.mobile_video{ display:block;}
.video-on,.top-search,.foot{ display:none;}
.warp,.mid-top,.index-tit,.about-index .cont{ width:100%;}
.about-index .cont-img{display:none;}
.warp .vod_on img {width:98%; margin:0 1%;}
.top-watos{ height:50px; padding:0 2%;}
.top-watos .logo img{ height:50px;width:auto;}
.nav-mob{ display:block; width:50px; height:50px; background:url(../images/mob-nav-bg.jpg) no-repeat center center/65% 45%; float:right;}
.top-watos .nav{width:100%; height:100%; overflow-x:hidden; float:inherit; position:fixed; left:0; top:40px; z-index:100; padding-top:60px; background:url(../images/cd.png) no-repeat center 10px; display:none;}
.top-watos .nav li{ width:100%; height: auto; line-height:35px;}
.top-watos .nav li > a.cur{ background:none;}
.top-watos .nav li > a{ width:100%;height:35px; line-height:35px; text-align:center; color:#fff; position:relative; left:0;}
.top-watos .nav li div{ width:100%; position: inherit; left:0px; top:0px; background: none; font-size:13px; display:none; z-index:99;}
.top-watos .nav li div a{ border:none; line-height:30px; color:#ff8400;}
.top-watos .nav li div a:hover{ background:none;}

.index-tit{ margin-top:20px; background:url(../images/h.jpg) repeat-x left center; font-size:16px; text-align:center;}
.index-tit span{ display: inline-block; text-align:center; font-size:16px; color:#fdb53d; background:#fff; padding:0 10px;}
.index-tit span i{ color:#1a75bb; font-style:normal;}
.index-tit em{ display: inline-block; width: auto; padding:0 10px; margin:0; background:#fff; text-align:center; font-style:normal; font-size:13px;}
.about-nav span{ width:31.333%; font-size:13px; margin:0 1%;}
.os-cot{ line-height:25px; padding:0 3%;}
.vod-on{ width:100%;}
.products-index{ margin-top:20px;}
.products-index ul{ width:100%; margin-left:0px;}
.products-index li{/* width:100%; */float:left;/* margin-left:0px; */position:relative;margin:0 2% 20px 2%;width: 46%; height:auto;}
.products-index li .pic{ width:100%; height:auto; position:relative;}
.products-index li .pic img{ width:100%; height: auto; position: relative; left:0; top:0;}
.news-index{ margin-top:20px;}
.news-index ul{ width:100%; margin-left:0px; padding:0 3%;}
.news-index ul li{ border:1px solid #c9c9c9; margin-left:0px; width:100%; margin-bottom:20px; padding:20px; background:#fff; float:left;}
.news-index ul li .pic{ padding:10px 0;}
.news-index ul li .pic img{ width:100%; height:auto;}

.before { margin-top:100px; border-top: #aeaeae 1px dashed;  color:#757575; padding-top:10px;}

.mob-foot{ display:block; height:50px; position:fixed; left:0; bottom:0; width:100%; background:#323232;}
.mob-foot a{ display:block; float:left; width:25%; border-right:1px solid #fff; height:50px; text-align:center; padding-top:13px;}
.dress-dz span{ display:none;}
.ny-stn{ width:94%; margin-left:3%;}
.dress-dz{ padding:15px 0; height:65px; font-size:16px;}
.dress-dz i{ font-size:16px;}
.dh-pos li{ margin:0 1%; margin-bottom:10px;}
.about-left,.about-right{ width:100%; margin-right:0;}
.about-left img {
    width:100%;
    }
.about-left p {text-indent:24px; font-size:14px;
    }
.fzlc{ background:url(../images/h.jpg) repeat-y 30px top; padding:0 10px;}
.fzlc dl dt{ width:15%; height:35px; max-width:35px; background:url(../images/fz.png) no-repeat; background-size:auto 100%; float:left;}
.fzlc dl dd{ padding-top:10px; float:left; width:80%; padding-left:10px; font-size:13px; line-height:20px;}
.online-ly{ background-size:80% auto; padding-bottom:100px;}
.online-ly table td input[type=text]{ width:90%; padding:0 5px; height:25px;}
.online-ly table td textarea{ width:90%; padding:5px; height:100px;}
.ny-news a{ padding:10px 0; overflow:hidden;}
.ny-news a dt{ width:40%; float:left; text-align:center;}
.ny-news a dt img{ width:auto; height: auto; max-height:85px;}
.ny-news a dd{width:58%;height:40px;}
.page-flant{ display:none;}
.news-cont .bt-sn{ font-size:16px;}
.news-cont .cont{ line-height:2; font-size:13px; color:#666; padding:10px 0;}
.news-cont .cont img{ width:100%;}
.cp-mid a{ display:block; width:46%; border:1px solid #ddd; float:left; margin:0 2% 15px;}
.cp-mid a dt img,.cp-cont dl dd img{ width:100%; height: auto;}
.cp-mid a dd{ font-size:13px;}
}

#home .top-watos .nav li a.home,
#product .top-watos .nav li a.product,
#news .top-watos .nav li a.news,
#about .top-watos .nav li a.about,
#honor .top-watos .nav li a.honor,
#contact .top-watos .nav li a.contact{background:#005DA3; color:#fff; }
.col-md-6{padding:10px 20px;}
.cmap{width:550px;height:400px;}
@media screen and (min-width:320px) and (max-width:640px){
.col-md-6 {
    width: 100%;padding:0;
}
.cmap{height:200px;}
}